﻿/*global*/

::-webkit-scrollbar { width: 6px; height: 6px }
::-webkit-scrollbar-thumb { background-color: var(--el-border-color-darker); border-radius: 20px }

body { font-family: var(--el-font-family); }
button { font-family: var(--el-font-family); }


/*login*/

.login-container { height: 100%; min-height: 550px; background-color: #eeeeee; background-image: url("images/login_bg.svg"); background-size: 100% 100%; background-size: cover; display: flex; align-items: center; justify-content: center; }
.login-box { position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: space-around; width: 96.5%; height: 94%; padding: 0 80px 0 50px; background-color: rgb(255 255 255 / 80%); border-radius: 10px; }
.login-left { width: 800px; margin-right: 10px; }
.login-left-img { width: 100%; height: 100%; }

.login-form { position: relative; width: 420px; padding: 50px 40px 45px; background-color: var(--el-bg-color); border-radius: 10px; box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px; }
.login-logo { display: flex; align-items: center; justify-content: left; margin-bottom: 20px; }
.login-icon { width: 60px; border-radius: 5px; }
.logo-text { padding: 0 0 0 25px; margin: 0; font-size: 40px; font-weight: bold; color: #34495e; white-space: nowrap; }
.login-form .el-form-item { margin-bottom: 20px; }
.login-btn { display: flex; justify-content: space-between; width: 100%; margin-top: 30px; white-space: nowrap; }
.login-btn .el-button { width: 185px; }

@media screen and (width <= 1250px) {
    .login-left { display: none; }
}

@media screen and (width <= 600px) {
    .login-form { width: 97% !important; }
}


/*work*/

.work-container { width: 100%; height: 100%; margin: 0; }
.work-container .work-app { height: 100%; }
.work-flex { display: flex; }
.work-flex-center { display: flex; justify-content: center; align-items: center; }
.work-flex-items-center { display: flex; align-items: center; }
.work-flex-content-center { display: flex; justify-content: center; }
.work-flex-space-between { display: flex; justify-content: space-between; }
.work-flex-space-around { display: flex; justify-content: space-around; }
.work-flex-space-evenly { display: flex; justify-content: space-evenly; }
.work-flex-column { flex-direction: column; }
.work-flex-1 { flex: 1; }
.wotk-w-100 { width: 100%; }
.wotk-h-100 { height: 100%; }


/*layout*/

.layout-box { height: 100%; }
.layout-aside { border-right: 1px solid var(--el-menu-border-color); }
.layout-logo { height: 55px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-bottom: 1px solid var(--el-menu-border-color); }
.layout-logo img { width: 36px; height: 36px; border-radius: 5px; }
.layout-logo span { margin-left: 10px; color: var(--el-aside-logo-text-color); font-size: 18px; white-space: nowrap; }
.layout-menu-scrollbar { height: calc(100% - 55px); }
.layout-menu { border: none; }
.layout-menu .el-icon { font-size: 18.5px; }
.layout-menu:not(.el-menu--collapse) { width: 210px; }
.layout-menu .el-menu-item.is-active { background-color: var(--el-menu-hover-bg-color); }
.layout-menu .el-menu-item.is-active:before { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; content: ""; background-color: var(--el-color-primary); }
.layout-header { height: 55px; border-bottom: 1px solid var(--el-menu-border-color); }
.layout-header-box { height: 100%; display: flex; align-items: center; overflow: hidden; }
.layout-header-collapse { padding-right: 20px; }
.layout-header-collapse .el-icon { display: block; font-size: 24px; cursor: pointer; }
.layout-header-tabs { flex: 1; padding-right: 20px; display: flex; align-items: end; }
.layout-header-tabs .el-tabs { flex: 1; width: 0; --el-tabs-header-height: auto; }
.layout-header-tabs .el-tabs__header { margin: 0; }
.layout-header-tabs .el-tabs__nav-wrap:after { background: none; }
.layout-header-tabs .el-tabs__item { height: 55px; padding: 0 12px; }
.layout-header-tabs .el-tabs__item .el-icon:not(.is-icon-close) { font-size: 16px; margin-right: 5px; }
.layout-header-tabs .el-tabs__nav-wrap.is-scrollable { padding: 0 30px; }
.layout-header-tabs .el-tabs__nav-prev { padding-top: 7px; font-size: 16px; }
.layout-header-tabs .el-tabs__nav-next { padding-top: 7px; font-size: 16px; }
.layout-header-tabs .el-dropdown-link { height: 50px; display: flex; align-items: center; }
.layout-header-menu-popper { margin-top: -15px; }
.layout-header-tabs .el-tabs__item.is-active .el-dropdown-link, .layout-header-tabs .el-tabs__item:hover .el-dropdown-link { color: var(--el-color-primary); }
.layout-header-tabs-item { font-size: 18px; }
.layout-header-user { cursor: pointer; }
.layout-main { box-sizing: border-box; padding: 0; overflow-x: hidden; background-color: var(--el-bg-color-page); }
.layout-content { position: relative; }
.layout-page { width: 100%; height: 100%; }
.layout-page-html { display: none; }
.layout-page-component { width: 100%; height: 100%; position: relative; }
.layout-page-content { width: 100%; height: 100%; padding: 10px 12px; position: relative; box-sizing: border-box; overflow: auto; }
.layout-page-content-box { box-sizing: border-box; padding: 20px; background-color: var(--el-bg-color); border: 1px solid var(--el-border-color-light); border-radius: 6px; box-shadow: 0 0 12px #0000000d; }
.layout_page_iframe_html { position: relative; width: 100%; height: 100%; border: none; display: block; }
.layout-page-dialog-content { position: relative; }
.layout-page-form-top-border { margin-top: 0; margin-bottom: 18px; }
.layout-page-form-middle-border { margin-top: 18px; margin-bottom: 18px; }
.layout-page-descriptions .el-descriptions__label { min-width: 100px; }
.layout-page-import { text-align: center; border-bottom: 1px solid var(--el-menu-border-color); padding-bottom: 20px; }
.layout-page-import .el-upload { width: 120px; height: 120px; }
.layout-page-import .el-tag { margin-top: 20px; }
.layout-page-import .el-alert { margin-top: 20px; }
.layout-page-import .template { margin-top: 20px; }
.layout-page-import .el-upload { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; }
.layout-page-welcome { width: 70%; max-width: 1200px; margin-bottom: 50px; box-sizing: border-box; display: block; }
.layout-page-tabs { overflow: hidden; border-radius: 6px; box-shadow: 0 0 12px #0000000d; }
.layout-page-tabs-label { display: flex; align-items: center; }
.layout-page-tabs-label .el-icon { font-size: 16px; margin-right: 5px; }


/*page*/

.page-table-box { width: 100%; height: 100%; display: flex; flex-direction: column; }
.page-table-search { margin-bottom: 10px; box-sizing: border-box; padding: 18px 18px 0; overflow-x: hidden; background-color: var(--el-bg-color); border: 1px solid var(--el-border-color-light); border-radius: 6px; box-shadow: 0 0 12px #0000000d; display: grid; gap: 0 20px; grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.page-table-search-item { grid-column: span 1 / span 1; margin-left: unset; padding-bottom: 18px; display: flex; align-items: center; }
.page-table-search-item .search-item-label { margin-right: 5px; font-size: 14px; white-space: nowrap; }
.page-table-search-item .search-item-label span { margin-right: 5px; }
.page-table-search-item .search-item-content { flex: 1; }
.page-table-search-right { grid-column: 5 / span 1; margin-left: unset; padding-bottom: 18px; display: flex; align-items: center; justify-content: end; }
.page-table-main { display: flex; flex: 1; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; overflow-x: hidden; background-color: var(--el-bg-color); border: 1px solid var(--el-border-color-light); border-radius: 6px; box-shadow: 0 0 12px #0000000d; }
.page-table-header { display: flex; justify-content: space-between; }
.page-table-header .el-button { display: inline-flex; }
.page-table-header-left { display: flex; flex-wrap: wrap; }
.page-table-header-left > * { margin-left: 0 !important; margin-bottom: 15px; margin-right: 12px; }
.page-table-header-left .el-date-editor--month { width: 100px !important; }
.page-table-header-right { display: flex; flex-wrap: nowrap; }
.page-table-header-right > * { margin-bottom: 15px; }
.page-table-header-right-span { line-height: 32px; margin-left: 12px; }
.page-table { flex: 1; min-height: 200px; }
.page-table .el-table__empty-block { position: absolute; top: 50%; left: 50%; width: 200px; transform: translate(-50%, -50%); }
.page-table-empty { line-height: 30px; }
.page-table-box .el-table__header th { height: 45px; font-size: 15px; font-weight: 700; color: var(--el-text-color-primary); background: var(--el-fill-color-light) }
.page-table-box .el-table__row { height: 45px; font-size: 14px; }
.page-table-box .el-pagination { display: flex; justify-content: flex-end; margin-top: 20px; }
.page-table-box .el-avatar { vertical-align: top; }
.page-table-box .power-row-check { margin-right: 15px; }
.page-table-box .power-row-check .el-checkbox__label { display: flex; padding-left: 5px; align-items: center; line-height: inherit; }
.page-table-box .power-row-check .el-checkbox__label .el-icon { margin-right: 2px; }
.page-table-input input { height: 26px; text-align: center; }
.page-table-input input::-webkit-outer-spin-button, .page-table-input input::-webkit-inner-spin-button { -webkit-appearance: none; }
.page-table-input.text-left input { text-align: left; }
.page-table-box .icon_and_text { display: inline-flex; align-items: center; }
.page-table-box .icon_and_text .el-icon { margin-right: 3px; }
.page-table-box .edit_row_error .el-input__wrapper { box-shadow: 0 0 0 1px var(--el-color-danger) inset; }
.page-table-box .edit_row_error .el-select__wrapper { box-shadow: 0 0 0 1px var(--el-color-danger) inset; }


/*form*/

.el-date-editor.el-input { min-width: 100%; }
.el-input-number { width: 100%; }
.el-slider .el-input-number { width: 130px; }
.form-image { display: block; border: 1px solid var(--el-border-color); border-radius: 6px; }
.form-image-error { display: flex; align-items: center; justify-content: center; height: 100%; background: #fafafa; color: #ddd; }

.layout-page-form-info { width: 100%; line-height: 23px; margin-top: 5px; color: var(--el-color-info); display: flex; align-items: center; }
.layout-page-form-info .el-icon { font-size: 16px; margin-right: 5px; }
.layout-page-tabs-form { max-width: 700px; }
.layout-page-tabs-form .el-input-number { width: 150px; }


/*dialog*/

.el-overlay .el-overlay-dialog { display: flex; align-items: center; justify-content: center; position: unset !important; width: 100%; height: 100%; }
.el-overlay .el-overlay-dialog .el-dialog { margin: 0 auto !important; position: absolute; }
.el-overlay .el-dialog__body { padding-bottom: 1px; max-height: calc(90vh - 80px) !important; overflow-y: auto; overflow-x: hidden; }


/*single*/

.single_long_text_box { position: relative; }
.single_long_text_max { overflow: auto; }
.single_long_text { position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; white-space: pre-wrap; }
.single_long_text_content { position: absolute; height: auto; }
.single_long_text_trigger { position: absolute; right: 0; bottom: 0; color: #ff6a00; padding-left: 150px; cursor: pointer; background: linear-gradient(to right, rgb(255, 255, 255, 0) 0, rgb(255, 255, 255, 1) 60%, #fff 100% ); }
.single_long_text_trigger span { margin-left: 15px; }

.single_icon_select { width: 100%; position: relative; }
.single_icon_select_list { display: flex; flex-wrap: wrap; }
.single_icon_select_item { margin: 12px 11px 0 0; cursor: pointer; }
.single_icon_select_item:nth-of-type(20n) { margin-right: 0; }
.single_icon_select_item svg { width: 20px; height: 20px; display: block; }

.single_super_big_button { height: auto; }
.single_super_big_button > span { display: flex; flex-direction: column; }


/*sys*/

.sys-release-card { margin-top: 12px; }
.sys-release-card:first-child { margin-top: 0; }
.sys-release-card .el-card__header { padding: 18px 20px; border-bottom: 1px solid #EBEEF5; box-sizing: border-box; display: flex; align-items: center; }
.sys-release-card .el-card__header > * { margin-right: 10px; }
.sys-release-content { padding: 8px 0; white-space: pre-wrap; line-height: 40px; }


/* ueditor */

.edui-default * { border-radius: 0px !important; border-color: #e7e7eb !important; box-shadow: none !important; }
.edui-default .edui-editor-toolbarboxouter { background-image: none !important; filter: inherit !important; line-height: normal; }
.edui-default .edui-editor { border: none !important; }
.edui-editor-bottomContainer { display: none; }
.edui-editor-formbox { display: block; }
.page-editor { border: 1px solid #DCDFE6; }
.editor-preview-box { position: relative; padding: 20px; }
.editor-preview-box img { max-width: 100% !important; }


/*loading*/

.work-init-loading { background-color: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; display: flex; justify-content: center; align-items: center; }
.work-init-loading::after { content: ''; width: 280px; height: 70px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
